<template>
  <div class="global-title">
<!--    <img src="~images/global_title_icon.png" alt="" class="icon" />-->
    <div></div>
    <h2 class="title">{{ title }}</h2>
  </div>
</template>

<script>
export default {
  name: "GlobalTitle",
  props: {
    title: String
  }
};
</script>

<style lang="sass" scoped>
.global-title
  height: 60px
  display: flex
  align-items: center
  padding: 0 20px
  border-bottom: 1px solid #F0F0F0
  margin-bottom: 20px
  div
    width: 4px
    height: 25px
    background: #03C192
    margin-right: 8px
  .title
    font-size: 18px
    color: #222222
    font-weight: bold
</style>
